<template>
  
    <div class="cart-list">
      <scroll class="content" ref="scroll"> 
        <cart-list-item v-for="(item,index) in list" :key="index" :product='item'>

        </cart-list-item>
          
        
      
      </scroll>
    </div>
  
</template>

<script>
import { mapGetters } from "vuex";
import Scroll from "../../../components/common/scroll/Scroll.vue";
import CartListItem from './CartListItem.vue';

export default {
  components: { Scroll, CartListItem },
  name: "MallCartlist",

  data() {
    return {};
  },
  computed: {
    ...mapGetters({
      list: "cartList",
    }),
  },
  mounted() {},

  methods: {},
  activated(){
    this.$refs.scroll.refresh()
  }
};
</script>

<style lang="css" scoped>
.cart-list{
  height: calc(100% - 44px - 49px);
}
.content{
  height: calc(100vh - 44px - 44px - 49px);
  overflow: hidden;
  position: absolute;
  top: 44px;
  bottom: 49px;
  left: 0;
  right: 0;
}
</style>